<template>
    <div v-loading.fullscreen.lock="loading">
        <img style="width: 100%;"  src="@/assets/img/banner2.jpg"/>
        <!-- 面包屑导航区域 -->
        <div class="container">
            <div class="container1">
                    <div class="header2">
                        <el-breadcrumb separator-class="el-icon-arrow-right">
                        <el-breadcrumb-item>网站首页</el-breadcrumb-item>
                        <el-breadcrumb-item>中心概括</el-breadcrumb-item>
                        </el-breadcrumb>
                    </div>
            <!-- 卡片视图 -->
                <el-card class="card"> 
                    <div class="brief2" v-html="brief2">
                   </div>   
                </el-card>           
            </div>        
        </div>      
    </div>
</template>

<script>
import { Loading } from 'element-ui'
import '@/assets/js/index.js'
import {brief} from '@/api/apis.js'
export default {
    data(){
        return{
            brief2:'',
            queryInfo:'',
            loading:true,
            timer:''
        }
    },
    created(){
        // this.openFullScreen2()
       
        this.brief1()
        
        
    },
    // mounted(){
    //     this.brief1()
    //     // this.loading=true
    //     this.openFullScreen2()
    // },
    methods:{
        //获取简介信息
       async brief1(){
        // document.querySelector('.card').style.height='1200px'
            
            const {data:res}=await brief()
            
            this.brief2=res.data.content
            // console.log(res)
            this.loading=false
            // this.$emit('getstate',true)
        //    this.loading = Loading.service();
        //         setTimeout(() => {
        //         this.loading.close();
        //         }, 500);
        },

    //     openFullScreen2() {
    //     this.loading = Loading.service({
    //       lock: true,
    //       text: 'Loading',
    //       spinner: 'el-icon-loading',
    //       background: 'rgba(0, 0, 0, 0.7)'
    //     });
    //   }
      
    },
}
</script>

<style lang="less" scoped>
.el-breadcrumb{
    font-size: .25rem;
    margin-left: .1rem;
}
.red{
    color:red;
}
.container{  
    font-size: .2rem;    
    
    .container1{
        
        .header2{
            width: 13rem;
            font-size: .2rem;
            margin: 0 auto;
            padding: .2rem 0 .2rem .2rem;
        }
        .card{
             width: 13rem;
            margin:0 auto;
           .brief2{
                width:100%;
                /deep/ img{
                    width: 7.5rem;
                    margin-left: 1.25rem;
                }
            }
        }
    }
}
</style>